<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title> 商品管理-商品补给</title>
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/laydate.css" rel="stylesheet">
    <link href="../css/laydate1.css" rel="stylesheet">
</head>

<body>
    <!-- 顶部 -->
    <div class="main_head">
        <div class="wid1225">
            <a href="#">设置</a><a href="#" class="out">退出</a>
        </div>
    </div>
    <!-- 顶部 -->
    <!-- 内容部分 -->
    <div class="wid1225 clear main11_all">
        <!-- 左侧菜单栏 -->
        <div class="tabs fl">
            <dl>
                <dt class="tabs_dt1">商品管理</dt>
                <dd><a href="main1.html">发布商品</a></dd>
                <dd><a href="main2.html">出售中商品</a></dd>
                <dd><a href="main3.html">已下架商品</a></dd>
                <dd><a href="main4.html">商品补仓</a></dd>
                <dd><a href="main41.html">类别管理</a></dd>
                <dt class="tabs_dt2">订单管理</dt>
                <dd><a href="main5.html">待发货订单</a></dd>
                <dd><a href="main6.html">待收货订单</a></dd>
                <dd><a href="main7.html">退款/售后</a></dd>
                <dd><a href="main8.html">订单记录</a></dd>
                <dt class="tabs_dt3">物流管理</dt>
                <dd><a href="main9.html">运费管理</a></dd>
                <dd><a href="main10.html">地址管理</a></dd>
                <dt class="tabs_dt4">交易管理</dt>
                <dd class="active"><a href="javascript:void(0)">交易记录</a></dd>
                <dd><a href="main12.html">总交易额</a></dd>
                <dt class="tabs_dt5"><a href="manage.html">店铺管理</a></dt>
                <dt class="tabs_dt6">客服管理</dt>
                <dd><a href="main13.html">客服管理</a></dd>
                <dd><a href="main14.html">问题反馈</a></dd>
                <dd><a href="main15.html">建议反馈</a></dd>
                <dt class="tabs_dt7"><a href="news.html">消息通知</a></dt>
                <dt class="tabs_dt8"><a href="compete.html">广告竞价</a></dt>
                <dt class="tabs_dt9">建议/反馈</dt>
                <dd><a href="main16.html">问题反馈</a></dd>
                <dt class="tabs_dt10">问题设置</dt>
                <dd><a href="main17.html">问题类别</a></dd>
                <dd><a href="main18.html">问题内容</a></dd>
                <dt class="tabs_dt11">管理设置</dt>
                <dd><a href="main19.html">用户设置</a></dd>
                <dd><a href="main20.html">角色权限</a></dd>
                <dd><a href="main21.html">功能模块</a></dd>
                <dd><a href="main22.html">社区信息</a></dd>
                <dt class="tabs_dt12">账号管理</dt>
                <dd><a href="main23.html">账号绑定</a></dd>
            </dl>
        </div>
        <!-- 左侧菜单栏 -->

        <!-- 右侧内容 -->
        <div class="content_right fl">
            <!-- 面包屑 -->
            <div class="bread">
                <ul>
                    <li class="bread_first">当前位置</li>
                    <li>交易管理</li>
                    <li>交易记录</li>
                </ul>
            </div>
            <!-- 面包屑 -->
            
            <!-- 主体内容 -->
            <div class="content">
                <!-- 标签切换 -->
                <div class="cuts"><span class="cut_active">待结算交易</span><span>交易结算</span><span>已结算交易</span></div>
                <!-- 标签切换 -->
                <!-- 自营补仓 content_main没有样式，只作为切换 -->
                <div class="content_main content_main1">
                    <!-- 输入框 -->
                    <div class="wid1100_input">
                        <ul class="wid85 clear">
                            <li><span>订单编号：</span> <input type="text"></li>
                            <li><span>交易类型：</span>
                                 <select>
                                   <option>请选择</option>
                                   <option>类型一</option>
                                   <option>类型二</option>
                                   <option>类型三</option>
                                 </select>
                            </li>
                            <li class="wid66"><span>交易时间：</span>
                                <input type="text" id="J-xl">
                                -
                                <input type="text" id="J-xl2">
                            </li>
                        </ul>
                        <input type="button" name="" class="search" value="搜&nbsp;&nbsp;&nbsp;&nbsp;索">
                    </div>
                    <!-- 输入框 -->
                    
                    <!-- 补仓申请 -->
                    <div class="apply">
                        <table>
                          <tr>
                            <th>订单编号</th>
                            <th>下单时间</th>
                            <th>交易类型</th>
                            <th>订单金额</th>
                            <th>应付金额</th>
                            <th>支付状态</th>
                            <th>详细信息</th>
                          </tr>
                          <tr>
                            <td>213123</td>
                            <td>2016-10-24 10:00:59</td>
                            <td>2</td>
                            <td>2</td>
                            <td>2</td>
                            <td>3</td>
                            <td><a href="main11_add.html">查看</a></td>
                          </tr>
                          <tr>
                            <td>213123</td>
                            <td>2016-10-24 10:00:59</td>
                            <td>2</td>
                            <td>3</td>
                            <td>3</td>
                            <td>3</td>
                            <td><a href="main11_add.html">查看</a></td>
                          </tr>
                          <tr>
                            <td>213123</td>
                            <td>2016-10-24 10:00:59</td>
                            <td>2</td>
                            <td>2</td>
                            <td>2</td>
                            <td>3</td>
                            <td><a href="main11_add.html">查看</a></td>
                          </tr>
                        </table>
                    </div>
                    <!-- 补仓申请 -->
                    <!-- 翻页 -->
                    <div class="pages">
                        <span class="sumhis">共777条记录</span>
                        <input type="button" name="" class="pages_pre">
                        <ul class="clear">
                            <li><a href="javascript:void(0)">1</a></li>
                            <li><a href="javascript:void(0)" class="page_active">2</a></li>
                            <li><a href="javascript:void(0)">3</a></li>
                            <li><a href="javascript:void(0)">4</a></li>
                            <li><a href="javascript:void(0)">5</a></li>
                        </ul>
                        <input type="button" name="" class="pages_next">
                        <span class="sumpage">共5页</span>
                    </div>
                    <!-- 翻页 -->
                </div>
                <!-- 自营补仓 -->

                <!-- 寄售补仓 -->
                <div class="content_main content_main5 disN">
                   <!-- 输入框 -->
                   <div class="wid1100_input">
                       <ul class="wid85 clear">
                           <li><span>订单编号：</span> <input type="text"></li>
                           <li><span>交易类型：</span>
                                <select>
                                  <option>请选择</option>
                                  <option>类型一</option>
                                  <option>类型二</option>
                                  <option>类型三</option>
                                </select>
                           </li>
                           <li class="wid66"><span>交易时间：</span>
                               <input type="text" id="J-xl3">
                               -
                               <input type="text" id="J-xl4">
                           </li>
                       </ul>
                       <input type="button" name="" class="search" value="搜&nbsp;&nbsp;&nbsp;&nbsp;索">
                   </div>
                   <!-- 输入框 -->
                   <!-- 全选 -->
                   <div class="wid1100_bar">
                       <label><input type="checkbox" name="" value="0"><span>&nbsp;&nbsp;&nbsp;&nbsp;全选</span></label>
                       <input type="button" name="" value="批量付款">
                   </div>
                   <!-- 全选 -->
                   <!-- 补仓申请 -->
                   <div class="apply">
                       <table>
                         <tr>
                            <th>选择</th>
                           <th>订单编号</th>
                           <th>下单时间</th>
                           <th>交易类型</th>
                           <th>订单金额</th>
                           <th>应付金额</th>
                           <th>支付状态</th>
                           <th>详细信息</th>
                           <th>操作</th>
                         </tr>
                         <tr>
                            <td><input type="checkbox" name="main11_check"></td>
                           <td>213123</td>
                           <td>2016-10-24 10:00:59</td>
                           <td>2</td>
                           <td>2</td>
                           <td>2</td>
                           <td>3</td>
                           <td><a href="main11_add.html">查看</a></td>
                           <td><a href="javascript:void(0)">付款</a></td>
                         </tr>
                         <tr>
                            <td><input type="checkbox" name="main11_check"></td>
                           <td>213123</td>
                           <td>2016-10-24 10:00:59</td>
                           <td>2</td>
                           <td>2</td>
                           <td>2</td>
                           <td>3</td>
                           <td><a href="main11_add.html">查看</a></td>
                           <td><a href="javascript:void(0)">付款</a></td>
                         </tr>
                         <tr>
                            <td><input type="checkbox" name="main11_check"></td>
                           <td>213123</td>
                           <td>2016-10-24 10:00:59</td>
                           <td>2</td>
                           <td>2</td>
                           <td>2</td>
                           <td>3</td>
                           <td><a href="main11_add.html">查看</a></td>
                           <td><a href="javascript:void(0)">付款</a></td>
                         </tr>
                       </table>
                   </div>
                   <!-- 补仓申请 -->
                   <!-- 翻页 -->
                   <div class="pages">
                       <span class="sumhis">共777条记录</span>
                       <input type="button" name="" class="pages_pre">
                       <ul class="clear">
                           <li><a href="javascript:void(0)">1</a></li>
                           <li><a href="javascript:void(0)" class="page_active">2</a></li>
                           <li><a href="javascript:void(0)">3</a></li>
                           <li><a href="javascript:void(0)">4</a></li>
                           <li><a href="javascript:void(0)">5</a></li>
                       </ul>
                       <input type="button" name="" class="pages_next">
                       <span class="sumpage">共5页</span>
                   </div>
                   <!-- 翻页 -->
                </div>
                <!-- 寄售补仓 -->
                <!-- 寄售补仓 -->
                <div class="content_main content_main5 disN">
                   <!-- 输入框 -->
                   <div class="wid1100_input">
                       <ul class="wid85 clear">
                           <li><span>订单编号：</span> <input type="text"></li>
                           <li><span>交易类型：</span>
                                <select>
                                  <option>请选择</option>
                                  <option>类型一</option>
                                  <option>类型二</option>
                                  <option>类型三</option>
                                </select>
                           </li>
                           <li class="wid66"><span>交易时间：</span>
                               <input type="text" id="J-xl5">
                               -
                               <input type="text" id="J-xl6">
                           </li>
                       </ul>
                       <input type="button" name="" class="search" value="搜&nbsp;&nbsp;&nbsp;&nbsp;索">
                   </div>
                   <!-- 输入框 -->
                   
                   <!-- 补仓申请 -->
                   <div class="apply">
                       <table>
                         <tr>
                           <th>订单编号</th>
                           <th>下单时间</th>
                           <th>交易类型</th>
                           <th>订单金额</th>
                           <th>应付金额</th>
                           <th>支付状态</th>
                           <th>详细信息</th>
                         </tr>
                         <tr>
                           <td>213123</td>
                           <td>2016-10-24 10:00:59</td>
                           <td>2</td>
                           <td>2</td>
                           <td>2</td>
                           <td>3</td>
                           <td><a href="main11_add.html">查看</a></td>
                         </tr>
                         <tr>
                           <td>213123</td>
                           <td>2016-10-24 10:00:59</td>
                           <td>2</td>
                           <td>2</td>
                           <td>2</td>
                           <td>3</td>
                           <td><a href="main11_add.html">查看</a></td>
                         </tr>
                         <tr>
                           <td>213123</td>
                           <td>2016-10-24 10:00:59</td>
                           <td>2</td>
                           <td>2</td>
                           <td>2</td>
                           <td>3</td>
                           <td><a href="main11_add.html">查看</a></td>
                         </tr>
                       </table>
                   </div>
                   <!-- 补仓申请 -->
                   <!-- 翻页 -->
                   <div class="pages">
                       <span class="sumhis">共777条记录</span>
                       <input type="button" name="" class="pages_pre">
                       <ul class="clear">
                           <li><a href="javascript:void(0)">1</a></li>
                           <li><a href="javascript:void(0)" class="page_active">2</a></li>
                           <li><a href="javascript:void(0)">3</a></li>
                           <li><a href="javascript:void(0)">4</a></li>
                           <li><a href="javascript:void(0)">5</a></li>
                       </ul>
                       <input type="button" name="" class="pages_next">
                       <span class="sumpage">共5页</span>
                   </div>
                   <!-- 翻页 -->
                </div>
                <!-- 寄售补仓 -->
            </div>
            <!-- 主体内容 -->
        </div>
        <!-- 右侧内容 -->
    </div>
    <!-- 内容部分 -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <!-- 日期 -->
    <script type="text/javascript" src="../js/laydate.dev.js"></script>
    <!-- 日期 -->
    <!-- 日期 -->
    <script type="text/javascript">
        laydate({
            elem: '#J-xl'
        });
        laydate({
            elem: '#J-xl2'
        });
        laydate({
            elem: '#J-xl3'
        });
        laydate({
            elem: '#J-xl4'
        });
        laydate({
            elem: '#J-xl5'
        });
        laydate({
            elem: '#J-xl6'
        });
    </script>
    <script type="text/javascript">
        // 复选框，点击全选，点下面的栏目后取消全选，功能实现
        // 其实我也不想这么写两次，但是设计图现在搞得结构乱七八糟，要么结构重构，要么这样写两遍
        $(".content_main1 .wid1100_bar input[type=checkbox]").click(function () {
            if ($(this).val()==0) {
                $(".content_main1 .longdl input[type=checkbox]").prop('checked', true);
                $(this).attr('value', '1');
                $(".content_main1 .longdl input[type=checkbox]").click(function () {
                    $(".content_main1 .longdl input[type=checkbox]").each(function () {
                        // 这里的this指的是上面each中的那个input
                        if ($(this).is(':checked')) {}else{
                            $(".content_main1 .wid1100_bar input[type=checkbox]").attr('value', '0');
                            $(".content_main1 .wid1100_bar input[type=checkbox]").removeAttr('checked', null);
                        }
                    })
                })
                
            }else{
                $(".content_main1 .longdl input[type=checkbox]").removeAttr('checked',null)
                $(this).attr('value', '0');
            }
        })
        $(".content_main5 .wid1100_bar input[type=checkbox]").click(function () {
            if ($(this).val()==0) {
                $(".content_main5 td input[type=checkbox]").prop('checked', true);
                $(this).attr('value', '1');
                $(".content_main5 td input[type=checkbox]").click(function () {
                    $(".content_main5 td input[type=checkbox]").each(function () {
                        // 这里的this指的是上面each中的那个input
                        if ($(this).is(':checked')) {}else{
                            $(".content_main5 .wid1100_bar input[type=checkbox]").attr('value', '0');
                            $(".content_main5 .wid1100_bar input[type=checkbox]").removeAttr('checked', null);
                        }
                    })
                })
                
            }else{
                $(".content_main5 td input[type=checkbox]").removeAttr('checked',null)
                $(this).attr('value', '0');
            }
        })

        
        // 切换自营补仓和寄售补仓
        $(".cuts span").click(function () {
            var num=$(this).index();
            $(".cuts span").removeClass('cut_active');
            $(this).addClass('cut_active');
            $(".content_main").hide();
            $(".content_main").eq(num).show();
        })
        // <!--补仓申请-->
        
        
    </script>
</body>

</html>
